﻿<div class="travel-search">
    <div class="travel-search-inner">
        <ul class="tabs searchTab">
            <li><a href="#hotelsSearch" class="active"><span class="hotel mi"></span>Tour Du Lịch</a></li>
            <li><a href="#tripCode"><span class="hotel mi"></span>Tìm Theo Mã Trip</a></li>
        </ul><!-- tabs -->

        <ul class="tabs-content">
            <li id="hotelsSearch" class="active">
                @model VietTrips.Domain.Models.Search
                @*html.beginform("action", "controller")*@
                @using (Html.BeginForm("SearchResult", "Home", FormMethod.Post,
                    htmlAttributes: new Dictionary<string, object> { { "role", "form" }, { "class", "row" } }))
                {
                    <div class="col-xs-12 col-sm-4 col-md-4">
                        <div class="form-group">
                            <label for="destination-place">Nơi Xuất Phát <span class="star"></span></label>
                            @Html.DropDownListFor(a => a.DepartPlaceId, new List<SelectListItem>
                                                                          {
                                                                              new SelectListItem(){Text = "--Tất Cả--", Value = null, Selected = true},
                                                                              new SelectListItem(){Text = "TP Hồ Chí Minh", Value = "9"},
                                                                              new SelectListItem(){Text = "Hà Nội", Value = "11"},
                                                                              new SelectListItem(){Text = "Đà Năng", Value = "12"},
                                                                              new SelectListItem(){Text = "Cần Thơ", Value = "13"}
                                                                          }, htmlAttributes: new { @class = "form-control mySelectBoxClass", @id = "destination-place" })
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-4 col-md-2">
                        <div class="form-group">
                            <label for="where-hotel">Khu Vực Tham Quan <span class="star"></span></label>
                            @Html.DropDownListFor(a => a.AreaId, new List<SelectListItem>
                                                                     {
                                                                         new SelectListItem(){Text = "--Tất Cả--", Value = null},
                                                                         new SelectListItem(){Text = "Miền Bắc", Value = "1"},
                                                                         new SelectListItem(){Text = "Miền Trung", Value = "2"},
                                                                         new SelectListItem(){Text = "Miền Đông", Value = "3"},
                                                                         new SelectListItem(){Text = "Miền Tây", Value = "4"}
                                                                     }, htmlAttributes: new { @class = "form-control mySelectBoxClass", @id = "diemthamquan" }
                                    )
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-4 col-md-2">
                        <div class="form-group datepicker-wrapper">
                            <label for="check-in-hotel">Ngày Khởi Hành<span class="star"></span></label>
                            @Html.TextBoxFor(a => a.DeparTime,
                                           htmlAttributes: new Dictionary<string, object> { { "class", "form-control departmentDate date" },
                                                { "id", "check-in-hotel" }, { "placeholder", "dd/mm/yy" },{"type","text" }})
                            <i class="fa fa-calendar"></i>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-4 col-md-2">
                        <div class="form-group">
                            <label for="search-duration">Số Ngày<span class="search-duration"></span></label>
                            @Html.DropDownListFor(a => a.Duration, new List<SelectListItem>{
                                                                         new SelectListItem(){Text = "--Tất Cả--", Value = null, Selected = true},
                                                                         new SelectListItem(){Text = "1", Value = "1"},
                                                                         new SelectListItem(){Text = "2", Value = "2"},
                                                                         new SelectListItem(){Text = "3", Value = "3"},
                                                                         new SelectListItem(){Text = "4", Value = "4"},
                                                                         new SelectListItem(){Text = "5", Value = "5"},
                                                                         new SelectListItem(){Text = "6", Value = "6"},
                                                                         new SelectListItem(){Text = "7", Value = "7"},
                                                                         new SelectListItem(){Text = "15", Value = "15"},
                                                                         new SelectListItem(){Text = "30", Value = "30"}
                                                                     }, htmlAttributes: new { @class = "form-control mySelectBoxClass", @id = "search-duration" })
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-4 col-md-2">                  
                        <a href="@Url.Action("SearchResult","Home")" style="line-height: 30px; font-size: 13px;">Tìm Kiếm Nhiều Hơn</a>
                        <div class="clear"></div>
                        <button type="submit" class="btn btn-primary btn-block">Tìm Kiếm</button>
                    </div>
                }
            </li>
            <li id="tripCode"></li>
        </ul>
    </div>
</div>

